<template>
  <div class="ware">
    <hcTab v-model="activeTab" :head="head" borderBottom=""></hcTab>
  </div>
</template>
<script setup>
import desiccant from "./components/desiccant/index.vue";
import humidity from "./components/humidity/index.vue";
import vacuum from "./components/vacuum/index.vue";
import heat from "./components/heat/index.vue";

import { ref } from "vue";
let head = [
  { id: "desiccant", text: "干燥剂仓", component: desiccant },
  { id: "humidity", text: "湿度卡仓", component: humidity },
  { id: "vacuum", text: "真空监控", component: vacuum },
  { id: "heat", text: "热封监控", component: heat },
];
let activeTab = ref("desiccant");
</script>
<style scoped lang="scss">
.ware {
  height: 100%;
  width: 100%;
}
</style>
